<template>
  <div class="page flex-col">
    <div class="box_1 flex-col justify-end">
      <div class="block_1 flex-row">
        <div class="box_2 flex-col">
          <div class="section_1 flex-col"></div>
          <span class="text_1">艺术设计</span>
        </div>
        <span class="text_2">大数据</span>
        <span class="text_3">新媒体电商</span>
        <span class="text_4">影视动漫</span>
      </div>
      <div class="block_2 flex-col">
        <div class="block_3 flex-row">
          <div class="box_3 flex-col"></div>
          <div class="box_4 flex-col justify-between">
            <span class="text_5">伯里曼人体结构绘画教学</span>
            <div class="text-wrapper_1 flex-col">
              <span class="text_6">23动漫</span>
            </div>
          </div>
          <span class="text_7">4人想换&nbsp;|&nbsp;6人看过</span>
        </div>
        <div class="block_4 flex-col"></div>
        <div class="block_5 flex-row">
          <div class="box_5 flex-col"></div>
          <div class="box_6 flex-col justify-between">
            <span class="text_8">伯里曼人体结构绘画教学</span>
            <div class="text-wrapper_2 flex-col">
              <span class="text_9">23动漫</span>
            </div>
          </div>
          <span class="text_10">4人想换&nbsp;|&nbsp;6人看过</span>
        </div>
        <div class="block_6 flex-col"></div>
        <div class="block_7 flex-row">
          <div class="section_2 flex-col"></div>
          <div class="section_3 flex-col justify-between">
            <span class="text_11">伯里曼人体结构绘画教学</span>
            <div class="text-wrapper_3 flex-col">
              <span class="text_12">23动漫</span>
            </div>
          </div>
          <span class="text_13">4人想换&nbsp;|&nbsp;6人看过</span>
        </div>
      </div>
      <div class="block_8 flex-col">
        <div class="list_1 flex-row">
          <div
              class="image-text_1 flex-col justify-between"
              v-for="(item, index) in loopData0"
              :key="index"
          >
            <img
                class="label_1"
                referrerpolicy="no-referrer"
                :src="item.lanhuimage0"
            />
            <span
                class="text-group_1"
                :style="{ color: item.lanhufontColor0 }"
                v-html="item.lanhutext0"
            ></span>
          </div>
        </div>
        <div class="section_4 flex-col"></div>
      </div>
      <span class="text_14">办世界最好的职业教育</span>
    </div>
    <div class="box_7 flex-col">
      <img
          class="image_1"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/40c2a6c484aedbcf339a880ab89126d1"
      />
      <span class="text_15">市集</span>
      <div class="text-wrapper_4 flex-col">
        <span class="text_16">请输入搜索关键字</span>
      </div>
      <img
          class="image_2"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/237cc4b7e8efc0207c070af6c3b205af"
      />
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhuimage0:
              'https://lanhu.oss-cn-beijing.aliyuncs.com/69ca06b1926c29bcbbb5ace6d26c9977',
          lanhutext0: '首页',
          lanhufontColor0: 'rgba(140,140,140,1)',
        },
        {
          lanhuimage0:
              'https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/638a1b49187b43f0ad232dd4845c6689_mergeImage.png',
          lanhutext0: '活动',
          lanhufontColor0: 'rgba(66,139,251,1)',
        },
        {
          lanhuimage0:
              'https://lanhu.oss-cn-beijing.aliyuncs.com/664b1159fae03a1b53b65bb271125e41',
          lanhutext0: '我的',
          lanhufontColor0: 'rgba(128,128,128,1)',
        },
      ],
      constants: {},
    };
  },
  methods: {},
};
</script>
<style scoped src="../../static/css/common.css" />
<style scoped src="../../static/css/market.css" />
